<template>
  <!-- 路由出口 -->
  <router-view />
</template>

<script>
/**
 *1. createVNode(h)
     作用：生成虚拟dom节点(js对象)
 *2. render
     作用：把由createVNode生成的虚拟dom挂载为真实的dom
     render(VNode,挂载节点)
 */

// import { createVNode, render } from 'vue'
// import Message from '@/components/Message'

// // 生成一个h1标签
// const h1VNode = createVNode(
//   'h1',
//   {
//     id: 'box'
//   },
//   [
//     'this is h1'
//   ]
// )
// console.log(h1VNode)
// const MessageVNode = createVNode(
//   Message,
//   {
//     text: '警告框',
//     type: 'warn'
//   }
// )
// console.log(MessageVNode)
// // 挂载 这里的延时器仅仅保证我的container可用
// setTimeout(() => {
//   // render(h1VNode, document.getElementById('container'))
//   render(MessageVNode, document.getElementById('container'))
// }, 400)

export default {

}
</script>
